<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalabale=no,maxmum=1.0,minmun=1.0">
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- 顶部banner -->
  <div class="top-banner">
    <a href="" class="top-banner-img">
      <img src="./img/top_banner.jpg" alt="">
    </a>
    <a href="" class="close"></a>
  </div>
  <!-- 顶部banner结束 -->
  <!-- header区域 -->
  <div class="header">
    <div class="header-top">
      <a href="" class="classify"><img src="./img/classify.png" alt=""></a>
      <a href="" class="ad"><img src="./img/ad.gif" alt=""></a>
      <a href="" class="login"><img src="./img/login.png" alt=""></a>
    </div>
    <div class="search">
      <a href="#"></a>
      <i></i>
      <form>
        <input type="search" placeholder="400元北京消费补贴">
      </form> 
    </div>
  </div>
  <!-- header区域结束 -->
  <!-- 轮播图 -->
  <div class="banner">
    <div class="wrapper">
      <ul> 
          <li class="current"><a href=""><img src="./img/banner.jpg" alt=""></a></li>
          <li><a href=""><img src="./img/banner.jpg" alt=""></a></li>
          <li><a href=""><img src="./img/banner.jpg" alt=""></a></li>
          <li><a href=""><img src="./img/banner.jpg" alt=""></a></li>
          <li><a href=""><img src="./img/banner.jpg" alt=""></a></li>
          <li><a href=""><img src="./img/banner.jpg" alt=""></a></li>
      </ul>
    </div> 
    <ul class="cycle">
      <li class="current"><i></i></li>
      <li><i></i></li>
      <li><i></i></li>
      <li><i></i></li>
      <li><i></i></li>
      <li><i></i></li>
    </ul>
  </div>
  <!-- 轮播图结束 -->
  <div class="goodsIntro">
      <a href="#"><img src="./img/intro1.png" /></a>
      <a href="#"><img src="./img/intro2.gif" /></a>
      <a href="#"><img src="./img/intro3.png" /></a>
  </div>
  <!-- nav导航 -->
  <div class="nav">
    <a href="#">
      <img src="./img/nav_01.png">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="./img/nav_02.png">
      <p class="title">苏宁超时</p>
    </a>
    <a href="#">
      <img src="./img/nav_03.png">
      <p class="title">苏宁拼购</p>
    </a>
    <a href="#">
      <img src="./img/nav_04.png">
      <p class="title">手机数码</p>
    </a>
    <a href="#">
      <img src="./img/nav_05.png">
      <p class="title">苏宁家电</p>
    </a>
    <a href="#">
      <img src="./img/nav_05.png">
      <p class="title">免费水果</p>
    </a>
    <a href="#">
      <img src="./img/nav_04.png">
      <p class="title">赚钱消消乐</p>
    </a>
    <a href="#">
      <img src="./img/nav_03.png">
      <p class="title">签到有礼</p>
    </a>
    <a href="#">
      <img src="./img/nav_02.png">
      <p class="title">领券中心</p>
    </a>
    <a href="#">
      <img src="./img/nav_01.png">
      <p class="title">更多频道</p>
    </a>
  </div>

  <!-- 新人 -->
  <div class="newPeople">
    <div>
      <a href=""><img src="./img/activite_1.png"></a>
    </div>
    <div>
      <a href=""><img src="./img/active2.gif"></a>
      <a href=""><img src="./img/active3.gif"></a>
    </div>
  </div>
</body>
</html>